<!doctype html>
<html lang="en" class="scroll-smooth">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <meta name="theme-color" content="#333333" />

  <!-- <title>ClassroomIO –&nbsp;The Open Source Learning Management System for Companies</title>
  <meta name="description" content="ClassroomIO" />
  <meta name="application-name" content="ClassroomIO" />
  <meta name="apple-mobile-web-app-title" content="ClassroomIO" />
  <meta name="theme-color" content="#ffffff" />
  <meta name="viewport" content="width=device-width, initial-scale=1" /> -->

  <!-- Facebook Meta Tags -->
  <!-- <meta property="og:url" content="https://www.classroomio.com/" />
  <meta property="og:image" itemprop="image" content="https://brand.cdn.clsrio.com/og/classroomio-og.png" />
  <meta property="og:title" content="ClassroomIO –&nbsp;The Open Source Learning Management System for Companies" />
  <meta property="og:description"
    content="A flexible, user-friendly platform for creating, managing, and delivering courses for companies and training organisations" />

  <meta property="og:type" content="website" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="1920" />
  <meta property="og:image:height" content="1080" />
  <meta property="og:image:secure_url" itemprop="image" content="https://brand.cdn.clsrio.com/og/classroomio-og.png" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta property="twitter:domain" content="classroomio.com" />
  <meta property="twitter:url" content="https://www.classroomio.com/" />
  <meta name="twitter:title" content="ClassroomIO –&nbsp;The Open Source Learning Management System for Companies" />
  <meta name="twitter:description"
    content="Launch your bootcamp quichttps://brand.cdn.clsrio.com/og/classroomio-og.pngnline teaching platform." />
  <meta name="twitter:image" content="https://classroomio.com/classroomio-opengraph-image.png" /> -->

  <!-- <link rel="stylesheet" href="global.css"> -->
  <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
  <link rel="icon" type="image/png" href="/favicon.ico" />
  <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />


  <!-- <link rel="stylesheet" href="global.css"> -->
  <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
  <link rel="icon" type="image/png" href="/favicon.ico" />
  <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />

  <script defer src="https://umami.hz.oncws.com/script.js"
    data-website-id="5321d227-751a-4d43-8556-f516fba60891"></script>

  <script defer type="text/javascript">
    window.$crisp = [];
    window.CRISP_WEBSITE_ID = '69176b47-5f63-42cc-bb9b-68d4927b6276';
    (function () {
      d = document;
      s = d.createElement('script');
      s.src = 'https://client.crisp.chat/l.js';
      s.async = 1;
      d.getElementsByTagName('head')[0].appendChild(s);
    })();
  </script>

  <script defer type="text/javascript">
    (function (C, A, L) {
      let p = function (a, ar) {
        a.q.push(ar);
      };
      let d = C.document;
      C.Cal =
        C.Cal ||
        function () {
          let cal = C.Cal;
          let ar = arguments;
          if (!cal.loaded) {
            cal.ns = {};
            cal.q = cal.q || [];
            d.head.appendChild(d.createElement('script')).src = A;
            cal.loaded = true;
          }
          if (ar[0] === L) {
            const api = function () {
              p(api, arguments);
            };
            const namespace = ar[1];
            api.q = api.q || [];
            typeof namespace === 'string' ? (cal.ns[namespace] = api) && p(api, ar) : p(cal, ar);
            return;
          }
          p(cal, ar);
        };
    })(window, 'https://app.cal.com/embed/embed.js', 'init');
    Cal('init', { origin: 'https://cal.com' });

    Cal('ui', {
      theme: 'light',
      styles: { branding: { brandColor: '#1D4EE2' } },
      hideEventTypeDetails: false,
      layout: 'month_view'
    });
  </script>
  %sveltekit.head%
</head>

<body data-sveltekit-preload-data="hover">
  <div style="display: contents">%sveltekit.body%</div>
</body>

</html>